@red: #ff3044;
@blue: #32a8ff;
@deepblue: #006ec0;
@green: #75bf26;
@orange: #f5b400;
@grey: #c5c5c5;
@border-color: #eaeaea;
@back-grey: #f4f4f4;



.g-detail {
  height: 100%;
  .g-detail-main {
    overflow: hidden;
    height: 100%;
    .wea-form-item .wea-form-item-label {
      padding-right: 5px;
      position: absolute;
      font-weight: bold;
    }
    .wea-left-right-layout-left {
      float: left;
      border-right: 0px;
      z-index: 9;
    }
    .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-inner {
      color: #2db7f5;
      font-size: 18px;
    }
    .wea-tab {
      border-bottom: 0px;
      position: relative;
    }
    .wea-left-container {
      .wea-lc-item {
        width: 100%;
      }
      .wea-lc-top {
        text-align: center;

        .wea-lct-image {
          margin: 10px 0 4px 0;
        }

        .wea-lct-desc {
          margin: 0 0 4px 0;
        }
        @media screen {
          @media (min-height: 870px) {
            .wea-lct-image {
              margin: 20px 0 16px 0;
            }

            .wea-lct-desc {
              margin: 0 0 20px 0;
            }
          }
        }
      }
      .wea-lc-middle {

      }
      .wea-lc-bottom {

      }
      .wea-basic-customer {
        .ant-tabs-bar {
          .ant-tabs-nav-container {
            line-height: 35px;
          }
        }
      }
    }
    .g-comment-main {
      background-color: @back-grey;
      margin-left: 40px;
      //border-left: 1px solid #eaeaea;
      .ant-tabs-bar {
        background-color: #fff;
        .ant-tabs-nav-container {
          line-height: 30px;
        }
      }
      .ant-tabs {
        .ant-tabs-bar {
          //margin: 0
        }
      }
      .wea-fans-top-search-panel {
        height: 45px;
        line-height: 45px;
        vertical-align: middle;
        border-bottom: 1px solid @border-color;
        background-color: #fff;
        .wea-ftsp-item {
          display: inline-block;
          margin: 0 16px;
        }
        .wea-ftsp-select {
          float: left;
          .wea-ftsps-icon {
            margin: 0 8px 0 16px;
            cursor: pointer
          }
        }
        .wea-ftsp-search {
          float: right;
        }
      }
      .wea-weibo-top-search-panel {
        height: 45px;
        line-height: 45px;
        vertical-align: middle;
        .wea-wtsp-item {
          display: inline-block;
          margin-right: 16px;
        }
      }
      .wea-fans-fan {
        position: relative;
        display: inline-block;
        width: 220px;
        height: 250px;
        border: 1px solid @border-color;
        margin: 8px;
        border-radius: 3px;
        vertical-align: bottom;
        background-color: #fff;
        &:hover {
          box-shadow: 0px 0px 5px 0px @blue;
        }
        .wea-ff-top {
          position: absolute;
          width: 100%;
          .wea-fft-icon {
            float: left;
            margin: 8px;
            font-size: 14px;
          }
          .wea-fft-check {
            margin: 8px;
            float: right;
          }
        }
        .wea-ff-content {
          .wea-ffc-item {
            text-align: center;
          }
          .wea-ffc-icon {
            margin: 36px 0 13px 0;
          }
          .wea-ffc-name {
            text-align: center;
            margin: 0 0 8px 0;
            font-size: 14px;
            color: #484848;
          }
          .wea-ffc-department {
            margin: 0 0 13px 0;
            //color: @grey;
          }
          .wea-ffc-operation {
            display: none;
            position: absolute;
            right: -1px;
            bottom: -1px;
            border: 1px solid @border-color;
            padding: 5px 8px;
            cursor: pointer;
            &:hover {
              color: @blue;
              box-shadow: -1px -1px 5px 0px @blue;
            }
            .wea-ffco-icon {
              font-size: 16px;
              vertical-align: middle;
            }
            .wea-ffco-text {
              vertical-align: middle;
            }
          }
          .wea-ffc-group {
            .wea-ffcg-container {
              border: 1px solid #fff;
              margin: 0 auto;
              padding: 4px 8px;
              border-radius: 4px;
              width: 177px;
              color: @deepblue;
              cursor: pointer;
              .wea-ffcgc-text {
                display: inline-block;
                vertical-align: bottom;
                max-width: 140px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
              }
              .wea-ffcgc-icon {
                color: #9b9b9b;
              }
              &:hover {
                border: 1px solid @border-color;
                /*box-shadow:1px 1px 5px 1px #c5c5c5;*/
              }
            }
          }
          .wea-ffc-operation-disabled {
            cursor: default;
            &:hover {
              color: #000;
              box-shadow: none;
            }
          }
        }
        &:hover .wea-ff-content .wea-ffc-operation {
          display: inline-block;
        }
      }
      .g-tip {
        color: red;
        margin-left: 5px;
      }
    }
    .g-align-center {
      text-align: center;
    }
    .pt20 {
      padding-top: 20px;
    }
    .g-pt10 {
      padding-top: 10px;
    }
    .g-comment {
      padding-right: 20px;
    }

    .g-button-release {
      &.ant-btn {
        padding: 4px 12px 4px 8px;
      }
      color: #2db7f5;
      background:#fff;
      .icon-coms-Release {
        margin-right: 8px;
      }
      &:hover {
        color: #fff;
        background:#2db7f5;
      }
    }
    .wea-rich-text .wea-rich-text-toolbar-bottom {
      border-bottom: none;
    }
  }
}

/* 注释掉如下样式，可以放开  我的微博  页面左侧可收缩功能 */
.g-detail-main .wea-tree-search-layout  {
  height: auto;
  .wea-tree-search-layout-show-left{
    display: none;
  }
  .wea-left{
    border-right: none;
    width: 306px;
    position: absolute;
    z-index: 2;
  }
  .wea-right{
    padding-left: 306px;
    width: 100%;
    z-index: 1;
    height: auto;
  }
}


.g-detail-main .wea-new-top-wapper .wea-new-top-content .wea-scroll-pagination .wea-sp-content{
  padding: 0 0 8px 0;
}
.wea-blog-bianqian {
  .wea-rich-text .wea-rich-text-toolbar-bottom {
    border: none;
  }
}
